<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="es"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang="es"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang="es"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="es"> <!--<![endif]-->
 	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>Condistelec</title>
		<link rel="stylesheet" href="{{ asset('css/main.css') }}">
	</head>
	<body>
		<div class="mainContainer">
			<div class="header">
				<table width="100%">
						<tr>
							<td width="50%">
								<img src="{{ asset('images/banner.png') }}" alt="Programa Power Plus">
							</td>
							<td width="50%">
								<div style="text-align: right;">
									<label>Usuario: {{ app.user.username }}</span>&nbsp;&nbsp;
									<a href="{{ path('_logout') }}"><img height="19"  alt="Salir" title="Salir" src="{{ asset('images/logout.png') }}"></a>
								</div>
							</td>
						</tr>
				</table>
			</div>
			<div class="workContainer">
				<div class="areaPrincipal">
					<section>
					{% if users %}
						<table width="845" border="0" cellspacing="0" cellpadding="0">
								<tr class="titulos">
									<td><a href="">Razon social</a></td>
									<td><a href="">Email</a></td>
									<td><a href="">Celular</a></td>
									<td><a href="">Telefono</a></td>
									<td><a href="">Direcci&oacute;n</a></td>
									
								</tr>
								
								{% for user in users %}
									<tr class="{{ cycle(['impar', 'par'], loop.index0) }}">
										<td height="30" class="separacion">{{ user.apellido }}, {{ user.nombre }}</td>
										<td height="30" class="separacion">{{ user.email }}</td>
										<td height="30" class="separacion">{{ user.celular }}</td>
										<td height="30" class="separacion">{{ user.telefono }}</td>
										<td height="30" class="separacion">{{ user.direccion }} {{ user.localidad }}</td>
										<td height="30" class="separacion"></td>
									</tr>
								{% endfor %}
							</table>
					{% else %}
						<table width="845" border="0" cellspacing="0" cellpadding="0">	
							<tr>
								<td align="center"><b>No se encontraron usuarios</b></td>
							</tr>	
						</table>
					{% endif %}	
					</section>
				</div>
			</div>
			<div class="mediaToolBar">
				<div id="mediaContainer">
					<ul>
						<li><a href="https://www.facebook.com/condistelec" target="_blank" class="facebook">&nbsp;</a></li>
						<li><a href="https://twitter.com/Condistelec" target="_blank" class="twitter">&nbsp;</a></li>
						<li><a href="http://www.youtube.com/user/condistelec/videos" target="_blank" class="youtube">&nbsp;</a></li>
					</ul>
				</div>
			</div>
			<div class="footer"></div>
		</div>
	</body>
</html>
